<template>
	<div class="song-list">
		<ModuleTitle title="歌曲列表">
			<template #default>
				<span class="length">x首歌</span>
			</template>
			<template #right>
				<p>
					<span>播放：</span>
					<span class="play-count">xxx</span>
					<span>次</span>
				</p>
			</template>
		</ModuleTitle>
		<ul class="list-wrap">
			<li class="list-header">
				<div class="rank"></div>
				<div class="title">标题</div>
				<div class="duration">时长</div>
				<div class="singer">歌手</div>
			</li>
			<template>
				<li class="song-item">
					<div class="item-index">1</div>
					<div class="item-title">
						<div class="cover-wrap">
							<img />
						</div>
						<i class="iconfont icon-play-circle" />
						<span class="item-name">老人与海</span>
					</div>
					<div class="item-duration">1234</div>
					<div class="item-singer">邓紫棋</div>
				</li>
			</template>
		</ul>
	</div>
</template>

<script lang="ts">
export default {
	name: 'SongList',
}
</script>

<script lang="ts" setup></script>

<style scoped></style>
